<template>
  <div class="info-foods">
    <!-- <h2>{{info.title}}</h2> -->
    <h2>这是一个手机-----杂滴,没有看到?</h2>
    <hr />
    <!-- <div class="content" v-html="info.content"></div> -->
    <div class="content">
      <span>
        我的详情介绍 ---- 嗯,额 就是好用
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        买它!
      </span>
      <br />
      <img
        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1597145894.51396359.jpg"
        alt
      />
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      info: {}
    }
  },
  created () {
    this.getGoodsDesc();
  },
  methods: {
    getGoodsDesc () {
      this.$http.get('api/goods/getdesc' + this.$route.params.id).then(result => {
        if (result.body.status == 0) {
          this.info = result.body.message;
        }
      })
    }
  }
}
</script>
<style lang="scss" >
//如果控制样式有图片  把 scoped 去掉  设置样式
.info-foods {
  padding: 6px;
  h2 {
    font-size: 14px;
    color: blue;
    text-align: center;
    margin: 15px;
  }
  img {
    width: 100%;
  }
}
</style>